@charset "utf-8";
$tea:#eac180;


@mixin icon($width,$height,$url) {
	content: '';
	width: $width;
	height: $height;
	display: inline-block;
	vertical-align: text-bottom;
	background: url('../images/'+$url) no-repeat center/$width $height;
}

@mixin color-block($width,$height,$color) {
	content: '';
	width: $width;
	height: $height;
	display: inline-block;
	background-color: $color;
	vertical-align: text-bottom;
}

@mixin transition($time) {
	-webkit-transition: all $time ease 0s;
	-moz-transition: all $time ease 0s;
	-ms-transition: all $time ease 0s;
	-o-transition: all $time ease 0s;
	transition: all $time ease 0s;
}

@mixin omit{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@mixin ellipsis($num) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $num;
}

.head_form{
	display: none;
	position: absolute;
	right: 0;
	top: 58px;
	height: 40px;
	z-index: 5;
	input{
		background-color: #eeeeee;
		width: 250px;
		height: 40px;
		vertical-align: top;
		 padding-left: 20px;
		color: #999999;
		&::placeholder{
			color: #999999;
			font-size: 14px;
		}
	}
	button{
		position: absolute;
		bottom: 0px;
		cursor: pointer;
		outline: none;
		right: 0px;
		width: 40px;
		height: 40px;
		border: 0;
		background:#FFFFFF url('../images/head_search.png') no-repeat center;
	}
}


.header{
	background: #FFFFFF;
	.header1{
		height: 118px;
		.bl{
			color: #000000;
			margin-top: 30px;
			text-indent: 30px;
			display: inline-block;
			h1{
				font-size: 38px;
				font-weight: bold;
				font-family: '微软雅黑';
			}
			p{
				font-size: 13px;
				line-height: 28px;
				display: inline-block;
				text-transform: uppercase;
			}
		}
		.br{
			color: #444444;
			margin-top: 40px;
			margin-right: 10px;
			line-height: 30px;
			position: relative;
			font-size: 24px;
			i{
				vertical-align: text-bottom;
				float: left;
				width: 23px;
				height: 30px;
				padding: 0 20px;
				display: inline-block;
				a{
					display: block;
					width: 100%;
					height: 100%;
				}
				& + i{
					border-left: 1px solid #e6e6e6;
				}
				&.search{
					cursor: pointer;
					background: url('../images/head_search.png') no-repeat center/20px 20px;
				}
				&.wx{
					background: url('../images/head_wx.png') no-repeat center/22px 19px;
				}
				&.phone{
					background: url('../images/head_phone.png') no-repeat center/23px 23px;
				}
			}
		}
	}
	.header2{
		height: 40px;
		background: url('../images/index_01.jpg') repeat center;
		li{
			width: 12.5%;
			float: left;
			text-align: center;
			a{
				width: 100%;
				display: inline-block;
				height: 100%;
				color: #FFFFFF;
				font-size: 16px;
				line-height: 40px;
				@include transition(.5s);
			}
			&:hover,&.on{
				a{
					color: $tea;
				}
			}
		}
	}
}


.banner{
	position:relative;
	img{
		width:100%;
	}
	.hd{
		width:100%;
		padding:20px 0;
		text-align:center;
		border-bottom:1px solid #dfdfdf;
		position:absolute;
		left:0;
		bottom:0;
		transform: none;
		top: auto;
		z-index: 1;
		ul{
			display:inline-block;
			li{
				width:10px;
				height:10px;
				border-radius: 5px;
				transform: translate(0,-50%);
				vertical-align: middle;
				 display:inline-block;
				float:left;
				background-color:#FFFFFF;
				margin:0 8px;
				cursor:pointer;
				text-indent:-9999px;
				&.on{
					width:40px;
					height: 10px;
					opacity: 1;
					background-repeat: no-repeat;
					background-position: center;
					background-color: $tea;
				}
			}
		}
	}
}


.other-link{
	width: 100%;
	background: #f8f8f8;
	.hot{
		float: left;
		li{
			float: left;
			color: #222222;
			font-size: 14px;
			line-height: 86px;
			display: inline-block;
			&:not(:first-of-type) + li::before{
				margin: 0 10px;
				@include color-block(1px,15px,#7a7a7a);
			}
			a{
				@include transition(.5s);
			}
			&:hover{
				a{
					color: $tea;
				}
			}
		}
	}
	.search{
		width: 300px;
		height: 35px;
		float: right;
		background-color: #e8e8e8;
		margin-top: 25px;
		border-radius: 20px;
		overflow: hidden;
		border:1px solid #e5e5e5;
		input{
			float: left;
			width: 225px;
			height: 35px;
			color: #989898;
			font-size: 15px;
			line-height: 35px;
			text-indent: 22px;
		}
		button{
			width: 75px;
			float: left;
			height: 35px;
			border: none;
			outline: none;
			cursor: pointer;
			border-radius: 0 20px 20px 0;
			background:#FFFFFF url("../images/head_search.png") no-repeat center center/20px 20px;
		}
	}
}


.itit{
	text-align: center;
	padding: 50px 0;
	h2{
		color: #000000;
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	p{
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}
}


.ipro{
	.bd{
		li{
			float: left;
			margin-right: 28px;
			position: relative;
			.img-box{
				width: 415px;
				height: 620px;
				overflow: hidden;
				img{
					@include transition(.5s);
				}
				.mask{
					width: 100%;
					height: 100%;
					z-index: 0;
					position: absolute;
					background-color: rgba(0,0,0,.5);
					&::after{
						content: '';
						width: 370px;
						height: 570px;
						opacity: 0;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						display: inline-block;
						border: 1px solid #FFFFFF;
						@include transition(.5s);
					}
				}
			}
			.text{
				position: absolute;
				top: 50%;
				left: 50%;
				color: #ffffff;
				text-align: center;
				transform: translate(-50%,-50%);
				h3{
					font-size: 24px;
					font-weight: bold;
					line-height: 30px;
				}
				p{
					font-size: 16px;
					font-weight: bold;
					line-height: 30px;
				}
				&::after{
					@include transition(.5s);
					@include color-block(33px,2px,#ffffff);
				}
			}
			&:hover,&.on{
				img{
					transform: translate(-50%,-50%) scale(1.1);
				}
				.mask::after{
					opacity: 1;
				}
				.text{
					&::after{
						background-color: $tea;
					}
				}
			}
		}
	}
	.page-btn{
		padding: 50px 0;
		text-align: center;
		.ipro_pre,.ipro_next{
			width: 8px;
			height: 15px;
			vertical-align: middle;
			display: inline-block;
			cursor: pointer;
			background: url('../images/ipro-l.png') no-repeat center;
		}
		.ipro_pre{
			
		}
		.ipro_next{
			transform: rotate(180deg);
		}
	}
	
	.hd{
		vertical-align: middle;
		display: inline-block;
		margin: 0 20px;
		ul{
			text-align: center;
			display: inline-block;
		}
		li{
			float: left;
			cursor: pointer;
			line-height: 48px;
			a{
				display: inline-block;
				width: 30px;
				height: 2px;
				background-color: #eaeaea;
			}
			&.on a{
				background-color: $tea;
			}
		}
		
	}
}

.ifeature{
	background: url('../images/index_06.jpg') no-repeat center;
}

.ifeature{
	padding: 60px 0 90px;
	.itit{
		h2,p{
			color: #FFFFFF;
		}
	}
	
	.list-box{
		margin-top: 60px;
	}
	
	.list{
		width: 25%;
		float: left;
		display: inline-block;
		position: relative;
		.img{
			margin: 0 auto;
			width: 120px;
			height: 120px;
			position: relative;
			border-radius: 50%;
			border: 1px solid #FFFFFF;
			text-align: center;
			line-height: 120px;
			@include transition(.5s);
			img{
				@include transition(.5s);
				&:nth-of-type(1){
					vertical-align: middle;
					opacity: 1;
				}
				&:nth-of-type(2) {
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					position: absolute;
					z-index: -500;
					opacity: 0;
				}
			}
		}
		.text{
			color: #FFFFFF;
			margin-top: 31px;
			text-align: center;
			h3{
				font-size: 24px;
				line-height: 30px;
				font-weight: bold;
			}
			p{
				font-size: 16px;
				line-height: 30px;
				margin: 2px 0 15px;
			}
			div{
				font-size: 16px;
				line-height: 24px;
				opacity: .64;
				width: 40%;
				text-transform: uppercase;
				font-family: 'Cambria';
				margin: 0 auto 25px;
			}
		}
		&::after{
			bottom: 0;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
			@include transition(.5s);
			@include color-block(24px,3px,#ffffff);
		}
		
		&:hover,&.on{
			.img{
				border: 1px solid $tea;
				img{
					&:nth-of-type(1) {
						opacity: 0;
					}
					&:nth-of-type(2) {
						z-index: 500;
						opacity: 1;
					}
				}
			}
			&::after{
				background-color: $tea;
			}
		}
	}
}


.iab{
	background-color: #f8f8f8;
}

.iab,.ab-main{
	.img-list{
		.img-box{
			width: 426px;
			height: 317px;
			float: left;
			overflow: hidden;
			img{
				@include transition(.5s);
			}
			+ .img-box{
				margin-left: 11px;
			}
			&:hover,&.on{
				img{
					transform: translate(-50%,-50%) scale(1.1);
				}
			}
		}
	}
	.tag-box{
		padding: 40px 0 35px;
		.list{
			float: left;
			width: 30%;
			position: relative;
			margin-left: 3%;
			padding: 30px 0 50px 8px;
			border-left: 1px solid #d2d2d2;
			vertical-align: middle;
			display: inline-block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			h4{
				vertical-align: top;
				font-size: 25px;
				font-weight: bold;
				text-align: center;
				display: inline-block;
				i{
					font-size: 60px;
					line-height: 48px;
					vertical-align: top;
				}
				span{
					font-size: 18px;
					font-weight: initial;
					vertical-align: bottom;
				}
			}
			.br{
				float: none;
				margin-left: 25px;
				h3{
					font-size: 18px;
					line-height: 30px;
					font-weight: bold;
					margin-bottom: 7px;
				}
				.text-box{
					font-size: 16px;
					line-height: 30px;
					color: #999999;
				}
			}
			&::before{
				left: 0;
				top: 57px;
				position: absolute;
				transform: translateX(-50%);
				@include color-block(5px,46px,$tea);
				
			}
		}
	}
}


.ibrand{
	margin: 0 auto;
	max-width: 1920px;
	background: url('../images/index_15.jpg') no-repeat right bottom;
	.br{
		width: 50%;
	}
	.itit{
		text-align: left;
		position: relative;
		text-indent: 70px;
		&::before{
			left: 30px;
			position: absolute;
			@include color-block(6px,80px,$tea);
		}
		
		h2{
			margin-bottom: 7px;
		}
	}
	
	.img-box{
		width: 50%;
		height: 830px;
		overflow: hidden;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			@include transition(.5s);
		}
		
		&:hover,&.on{
			img{
				transform: translate(-50%,-50%) scale(1.1);
			}
		}
	}
	
	.list-box{
		margin-left: 70px;
	}
	.list{
		width: 50%;
		float: left;
		margin-bottom: 65px;
		.img_box{
			width: 42px;
			height: 43px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		.text{
			padding-left: 5px;
			display: table-cell;
			vertical-align: middle;
			h3,p{
				font-size: 16px;
				line-height: 24px;
			}
		}
	}
	.hd,.bd{
		color: #FFFFFF;
	}
	.hd{
		margin-top: 50px;
		li{
			width: 20%;
			float: left;
			padding-top: 78px;
			text-align: center;
			position: relative;
			&::after{
				border-radius: 50%;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%);
				@include transition(.5s);
				@include color-block(17px,17px,#e4e4e4);
			}
			&::before{
				top: 17px;
				left: 50%;
				position: absolute;
				transform: translate(-50%);
				@include transition(.5s);
				@include color-block(1px,48px,$tea);
				height: 0;
			}
			
			&.on{
				&::after{
					background-color: $tea;
				}
				&::before{
					height: 48px;
				}
			}
		}
	}
	
	.bd{
		margin-top: 60px;
		margin-left: 20px;
		li{
			border:1px solid $tea;
			padding: 23px 30px;
			position: relative;
			&::after{
				position: absolute;
				top: 50%;
				right: 40px;
				transform: translateY(-50%);
				@include icon(75px,79px,'icon_06.png');
			}
			
			background-position: left 30px top 20px;
			background-repeat: no-repeat;
			
			&:nth-of-type(1){
				background-image: url('../images/ibra_1.png');
			}
			&:nth-of-type(2){
				background-image: url('../images/ibra_2.png');
			}
			&:nth-of-type(3){
				background-image: url('../images/ibra_3.png');
			}
			&:nth-of-type(4){
				background-image: url('../images/ibra_4.png');
			}
			&:nth-of-type(5){
				background-image: url('../images/ibra_5.png');
			}
			
		}
		h3{
			color: $tea;
			font-size: 24px;
			line-height: 30px;
			font-weight: bold;
			text-indent: 30px;
			margin-bottom: 7px;
		}
		p{
			font-size: 14px;
			line-height: 24px;
			max-width: 460px;
			@include ellipsis(2);
		}
	}
	
}



.ijion{
	.list-box{
		.list{
			float: left;
			vertical-align: top;
			display: inline-block;
			position: relative;
			margin-bottom: 242px;
			+ .list{
				margin-left: 32px;
			}
			&:hover,&.on{
				h3{
					&::after{
						opacity: 1;
					}
				}
				.img-box{
					img{
						transform:translate(-50%,-50%) scale(1.1);
					}
				}
			}
		}
		.img-box{
			overflow: hidden;
			width: 412px;
			height: 278px;
			img{
				@include transition(.5s);
			}
		}
		.text{
			width: 334px;
			height: 194px;
			background-color: #FFFFFF;
			position: absolute;
			top: 220px;
			left: 50%;
			padding: 48px 28px 0;
			box-shadow: 0 0 10px 5px rgba(#c1c1c1,.39);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
			transform: translateX(-50%);
			h3{
				font-size: 18px;
				line-height: 20px;
				margin-bottom: 30px;
				position: relative;
				&::after{
					left: 50%;
					opacity: 0;
					bottom: -100%;
					position: absolute;
					transform: translate(-50%,-50%);
					@include transition(.5s);
					@include color-block(25px,3px,$tea);
				}
			}
			p{
				font-size: 14px;
				line-height: 24px;
				color: #666666;
			}
		}
	}
}


.inews{
	padding: 0 0 184px;
	background: url('../images/index_28.jpg.png') no-repeat center;
	.itit{
		h2,p{
			color: #FFFFFF;
		}
	}
	.list-box{
		margin-top: 50px;
	}
	.list{
		color: #dadada;
		font-size: 14px;
		border-bottom: 1px solid #FFFFFF;
		a{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			&::after{
				text-align: center;
				line-height: 65px;
				content: '>';
				color: $tea;
				font-size: 25px;
				font-family: '宋体';
				font-weight: bold;
				width: 65px;
				height: 65px;
				position: absolute;
				right: 107px;
				top: 50%;
				transform: translateY(-50%);
				display: inline-block;
				vertical-align: sub;
			}
		}
		&:nth-of-type(1){
			border-top: 1px solid #FFFFFF;
			.img_box{
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				overflow: hidden;
				img{
					@include transition(.5s);
				}
			}
			.text-box{
				display: table-cell;
				vertical-align: middle;
				width: 714px;
				padding-left: 25px;
			}
			h3{
				font-size: 18px;
				margin-bottom: 18px;
			}
			p{
				// @include ellipsis(2);
				font-size: 14px;
				line-height: 30px;
			}
		}
		&:not(:nth-of-type(1)){
			line-height: 80px;
			p{
				float: right;
				margin-right: 200px;
				display: inline-block;
			}
		}
		h3{
			display: inline-block;
		}
		
		&:hover{
			.img_box{
				img{
					transform: scale(1.1);
				}
			}
			
			a::after{
				background: url('../images/icon_01.png') no-repeat center/65px;
			}
		}
	}
}



.footer {
	background-color: #eeeeee;
	.main {
		position: relative;
	}
	.footer1 {
		padding: 70px 0 65px 0;
	}
	.footer2{
		color: #FFFFFF;
		font-size: 16px;
		line-height: 75px;
		background-color: #000000;
		a{
			@include transition(.5s);
			&:hover{
				color: #FFFFFF - #333;
			}
		}
	}
	.footer_text {
		float: left;
		> p{
			color: #4e4e4e;
			font-size: 16px;
			line-height: 30px;
		}
		h4 {
			font-size: 30px;
			font-weight: bold;
			color: #333333;
			margin: 9px 0 23px;
		}
		.text-box{
			color: #333333;
			font-size: 14px;
			line-height: 24px;
		}
		
		.clearfix {
			font-size: 14px;
			color: #a1a1a1;
			line-height: 30px;
			&>p {
				display: inline-block;
				width: 243px;
				float: right;
			}
		}
		
	}
	.footer_nav {
		float: right;
		display: inline-block;
		dl {
			float: left;
			width: 170px;
			display: inline-block;
			dt {
				color: #4e4e4e;
				font-size: 16px;
				font-weight: bold;
				line-height: 30px;
				padding-bottom: 12px;
				margin-bottom: 15px;
				position: relative;
				&::after{
					left: 0;
					bottom: 0;
					position: absolute;
					@include color-block(23px,2px,#000);
				}
				a{
					@include transition(.5s);
					&:hover{
						text-decoration: underline;
					}
				}
				
			}
			dd {
				color: #a1a1a1;
				font-size: 14px;
				line-height: 30px;
				a:hover {
					text-decoration: underline;
				}
			}
		}
	}
	
	.bshare-custom{
		margin-top: 35px;
		a{
			float: left;
			width: 40px;
			height: 40px;
			padding-left: 0;
			margin-right: 20px;
			&:nth-of-type(1){
				background: url('../images/icon_wx.png') no-repeat;
			}
			&:nth-of-type(2){
				background: url('../images/icon_qq.png') no-repeat;
			}
		}
	}
}


.abtit{
	padding: 60px 0;
	text-align: center;
	h2{
		color: #000000;
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	p{
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}
}

.ab-main{
	.main > .text-box{
		color: #333333;
		font-size: 16px;
		line-height: 36px;
		margin-bottom: 70px;
	}
}

.ab-cur{
	padding: 60px 0 90px;
	background: url('../images/ab_01.jpg') no-repeat center;
	.abtit{
		h2,p{
			color: #FFFFFF;
		}
	}
	
	.list-box{
		margin-top: 100px;
	}
	
	.list{
		width: 25%;
		float: left;
		display: inline-block;
		position: relative;
		.img{
			margin: 0 auto;
			width: 120px;
			height: 120px;
			position: relative;
			border-radius: 50%;
			border: 1px solid #FFFFFF;
			text-align: center;
			line-height: 120px;
			@include transition(.5s);
			img{
				@include transition(.5s);
				&:nth-of-type(1){
					vertical-align: middle;
					opacity: 1;
				}
				&:nth-of-type(2) {
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					position: absolute;
					z-index: -500;
					opacity: 0;
				}
			}
		}
		.text{
			color: #FFFFFF;
			margin-top: 31px;
			text-align: center;
			h3{
				font-size: 24px;
				line-height: 30px;
			}
			p{
				font-size: 12px;
				line-height: 30px;
				margin: 2px 0 15px;
			}
			div{
				font-size: 16px;
				line-height: 30px;
				margin: 0 auto 25px;
			}
		}
		
		&:hover,&.on{
			.img{
				border: 1px solid $tea;
				img{
					&:nth-of-type(1) {
						opacity: 0;
					}
					&:nth-of-type(2) {
						z-index: 500;
						opacity: 1;
					}
				}
			}
		}
	}
}

.ab-honor{
	.bd{
		position: relative;
		margin-bottom: 70px;
		.tempWrap{
			margin: 0 auto;
		}
		li{
			float: left;
			width: 400px;
			padding: 70px 0;
			border: 1px solid #e8e8e8;
			&:hover{
				.img-box{
					transform: scale(1.1);
				}
			}
		}
		.img-box{
			width: 400px;
			height: 365px;
			@include transition(.5s);
		}
		p{
			color:#666666;
			margin-top: 20px;
			text-align: center;
		}
		.honer-prev,.honer-next{
			top: 50%;
			width: 58px;
			height: 58px;
			cursor: pointer;
			position: absolute;
			transform: translateY(-50%);
		}
		.honer-prev{
			left: -40px;
			background: url('../images/honer-l.png');
		}
		.honer-next{
			right: -40px;
			background: url('../images/honer-r.png');
		}
	}
}


.contact{
	.bl{
		margin-top: 50px;
		.text{
			font-size: 18px;
			line-height: 40px;
			margin-bottom: 40px;
			padding-bottom: 40px;
			border-bottom: 1px solid #dcdcdc;
		}
		.text-box{
			color: #666666;
			font-size: 16px;
			line-height: 36px;
			margin-left: 25px;
			display: inline-block;
		}
	}
	
	.br{
		input{
			height: 46px;
			float: left;
			text-indent: 20px;
			border-radius: 6px;
			font-size: 15px;
			line-height: 36px;
			color: #666666;
			font-family: '微软雅黑';
			margin: 13px 0;
			background-color: #eeeeee;
		}
		input[name='name']{
			margin-right: 37px;
		}
		textarea{
			padding: 10px 20px;
			margin: 13px 0;
			color: #666666;
			font-size: 15px;
			line-height: 36px;
			border-radius: 6px;
			font-family: '微软雅黑';
			background-color: #eeeeee;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		form{
			width: 590px;
		}
		.p1{
			width: 100%;
		}
		.p2{
			width: 275px;
		}
		.p3{
			width: 180px;
		}
		img{
			width: 150px;
			height: 46px;
			margin: 13px 0;
			cursor: pointer;
			object-fit: contain;
		}
		button{
			border: 0;
			width: 100%;
			margin: 13px 0;
			color: #FFFFFF;
			font-size: 15px;
			cursor: pointer;
			line-height: 46px;
			border-radius: 6px;
			background-color: $tea;
			@include transition(.5s);
			&:hover{
				color: #FFFFFF - #111111;
				background-color: $tea + #111;
			}
		}
	}
	
}


.map{
	margin: 60px 0 75px;
}


.newsv{
	padding-top:60px;
	padding-bottom:50px;
	background-color: #f6f6f6;
	.main{
		padding: 0 50px;
		background-image: linear-gradient(to top,#ffffff 65px, #f6f6f6 65px,#f6f6f6 calc(65px + 50px),#ffffff calc(65px + 50px), #FFFFFF 100%);
	}
	
	.htit{
		text-align: center;
		margin-bottom: 50px;
		h3{
			padding:65px 0 15px;
			font-size:24px;
			color: #505050;
			text-align: center;
		}
		p{
			color: #898989;
			font-size:14px;
			line-height: 18px;
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: 1px solid #ececec;
			&::before{
				margin-right: 10px;
				@include icon(20px,20px,'icon_07.png');
			}
		}
		.share{
			font-size: 14px;
			text-align: right;
		}
		.bshare-custom{
			display: inline-block;
			line-height: 28px !important;
			.bsPromo{
				width: 28px;
				height: 28px;
				position: unset;
				vertical-align: top;
				display: inline-block;
				margin: 0 10px;
				background: url('../images/icon_08.png') no-repeat center;
			}
			a{
				vertical-align: top;
				background: none;
				padding-left: 0 !important;
				display: inline-block;
				font-size:14px;
				color: #999999 !important;
				line-height: 18px;
				&::before{
					margin-right: 10px;
				}
				&:nth-of-type(1)::before{
					@include icon(28px,28px,'newsv_wbh.png');
				}
				&:nth-of-type(2)::before{
					@include icon(28px,28px,'newsv_wx.png');
				}
				&:nth-of-type(3)::before{
					@include icon(28px,28px,'newsv_in.png');
				}
				&:nth-of-type(4)::before{
					@include icon(28px,28px,'newsv_qq.png');
				}
			}
		}
	}
	.text-box{
		color:#666666;
		font-size:16px;
		line-height:30px;
		padding-bottom: 30px;
	}
	p.next{
		padding: 20px 0;
		font-size: 16px;
		line-height:25px;
		margin: 50px -50px 0 -50px;
		a{
			font-size:15px;
			color: #666666;
			display:inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			&:hover{
				text-decoration: underline;
			}
			&.bl::before{
				content: '<<';
				font-size: 12px;
				margin-left: 10px;
				margin-right: 12px;
				font-family: '宋体';
				display: inline-block;
				// border-left: 0px solid #8f1105;
				// border-right: 8px solid #8f1105;
				// border-top: 5px solid transparent;
				// border-bottom: 5px solid transparent;
			}
			&.br::after{
				content: '>>';
				font-size: 12px;
				margin-left: 12px;
				font-family: '宋体';
				margin-right: 10px;
				display: inline-block;
				// border-right: 0px solid #8f1105;
				// border-left: 8px solid #8f1105;
				// border-top: 5px solid transparent;
				// border-bottom: 5px solid transparent;
			}
		}
	}
}


.videov{
	padding-top:60px;
	padding-bottom:50px;
	.main{
		padding: 0 50px;
	}
	
	.htit{
		text-align: center;
		margin-bottom: 50px;
		h3{
			padding:65px 0 15px;
			font-size:24px;
			color: #505050;
			text-align: center;
		}
		p{
			color: #898989;
			font-size:14px;
			line-height: 18px;
			margin-bottom: 30px;
			padding-bottom: 30px;
			&::before{
				margin-right: 10px;
				@include icon(20px,20px,'icon_07.png');
			}
		}
	}
	.text-box{
		color:#666666;
		font-size:16px;
		line-height:30px;
		padding-bottom: 30px;
	}
	.video-box,.video-box2{
		width: 1100px;
		height: 560px;
		margin: 0 auto;
		video{
			width: 100%;
			height: 100%;
			outline: none;
		}
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		iframe{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	
	
	
	
	
	
	p.next{
		padding: 20px 0;
		font-size: 16px;
		line-height:25px;
		background-color: #f6f6f6;
		margin: 50px -50px 0 -50px;
		a{
			font-size:15px;
			color: #666666;
			display:inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			&:hover{
				text-decoration: underline;
			}
			&.bl::before{
				content: '<<';
				font-size: 12px;
				margin-right: 12px;
				font-family: '宋体';
				margin-left: 10px;
				display: inline-block;
				// border-left: 0px solid #8f1105;
				// border-right: 8px solid #8f1105;
				// border-top: 5px solid transparent;
				// border-bottom: 5px solid transparent;
			}
			&.br::after{
				content: '>>';
				font-size: 12px;
				margin-left: 12px;
				margin-right: 10px;
				font-family: '宋体';
				display: inline-block;
				// border-right: 0px solid #8f1105;
				// border-left: 8px solid #8f1105;
				// border-top: 5px solid transparent;
				// border-bottom: 5px solid transparent;
			}
		}
	}
}